﻿<html>
	<head>
		<meta http-equiv="Content-Type" content="text/html;charset=utf-8">
		<title>WebSocket客户端</title>
		<script type="text/javascript">
			var socket;
			if (!window.WebSocket){
				window.WebSocket=window.MozWebSocket;
			}
			if (window.WebSocket){
				socket = new WebSocket("ws://localhost:8888/websocket");
				socket.onmessage = function (event) {
					var  ta = document.getElementById("responseContent");
					ta.value+=event.data+"\r\n";
				};
				socket.onopen = function (event) {
					var  ta = document.getElementById("responseContent");
					ta.value="您当前的浏览器支持WebSocket,清进行后续操作\r\n";
				};
				socket.onclose=function (event) {
					var  ta = document.getElementById("responseContent");
					ta.value="";
					ta.value="WebSocket连接已经关闭\r\n";
				}
			} else{
				alert("您的浏览器不支持websocket");
			}

			function send(message) {
				if(!window.WebSocket){
					return;
				}
				if(socket.readyState==WebSocket.OPEN){
					socket.send(message);
				}else {
					alert("WebSocket事件没有建立成功");
				}
			}
		</script>
	</head>	
	<body>
		<form onsubmit="return false">
			<input type="text" name="message" value=""/>
			<br/>
			<input type="button"  value="发送WebSocket请求消息"
			onclick="send(this.form.message.value)"/>
		</form>
		<hr color="red"/>
		<h2>客户端接收到服务端返回的应答消息</h2>
		<textarea id="responseContent" style="width:1024px;height:300px">
		</textarea>
		
	</body>
</html>